//滚动条
._scroll {

  //只有悬浮的时候才显示的滚动条。需要搭配scroll一起用（缺点：hover时会挤占元素空间） 
  &.scrollHover {

    &::-webkit-scrollbar {
      width: 0px;
    }

    &:hover::-webkit-scrollbar {
      width: 4px;
    }
  }

  //滚动条样式
  &::-webkit-scrollbar {
    width: 8px;
  }

  //滚动条
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px #8b8b8b;
    background-color: #8b8b8b76;
  }

  //轨道
  &::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
  }
}